<template>
    <div class="home-wrap">
        <com-search @search="handleSearch"/>
        <!--  -->
        <div class="pos" style="margin-top: 20px;">
            <img src="./img2.png" width=1040 alt="">
            <login class="login-wrap"/>
        </div>

        <div style="margin-top: 30px;">
            <img src="./img1.png" width=100% alt="">
        </div>
    </div>
</template>

<script>
import ComSearch from '@/views/common/search';
import Login from '@/views/common/login';
export default {
    components: {ComSearch, Login},
    data () {
        return {};
    },

    methods: {
        // 查询
        handleSearch ({val, active}) {
            console.log(val, active);
        }
    }
};
</script>

<style lang="scss" scoped>
    .pos {
        position: relative;
    }
    .login-wrap {
        position: absolute;
        top: 0;
        right: 0;
    }
</style>